<template >
	<view style="background-color: #f4f4f5;height: 852px;">
		<u-row style="background-color: white; height: 90px;margin-top: 20px;">
			<u--textarea v-model="introduction" placeholder="请介绍一下自己吧~~~~" count ></u--textarea>
		</u-row>
		<u-button color="#00aaff" size="large " text="确认修改" class="u-accountButton" @click="updateIntroduction"></u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 介绍
				introduction: ''
			}
		},
		mounted(){
			// 头部获取用户id
			this.id = uni.getStorageSync('id')
		},
		methods: {
			// 修改自我介绍
			updateIntroduction(){
				this.$myRequest({
					url:'/eat-service/userProtal/updateIntroduction',
					method:'get',
					data:{
						'id' : this.id,
						'introduction':this.introduction
					}
				}).then(res => {
					if(res.data.flag != null){
						this.account = ''
						// 修改成功跳转
						uni.switchTab({
							url: '/pages/my/my',
						})
						window.location.reload();
						uni.showToast({
							title: '修改成功',
							//将值设置为 success 或者直接不用写icon这个参数
							icon: 'success',
							//显示持续时间为 2秒
							duration: 2000
						})
					} else {
						uni.showToast({
							title: '修改失败',
							//将值设置为 success 或者直接不用写icon这个参数
							icon: 'success',
							//显示持续时间为 2秒
							duration: 2000
						})
					}
				})
			}
		}
	}
</script>
	
<style>
	.u-accountButton{
		width: 94%;
		margin-top:20px;
		border-radius: 10px 10px 10px 10px;
	}
</style>